<!DOCTYPE  html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>生活服务</title>
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta content="width=1200, initial-scale=1, maximum-scale=1, user-scalable=1" name="viewport">
    <link rel="stylesheet" th:href="@{../css/index.css}">
    <link th:href="@{../css/zeng/lrtk.css}" rel="stylesheet" type="text/css"/>
    <style>
        .fade {
            -webkit-animation-name: fade;
            -webkit-animation-duration: 1s;
            animation-name: fade;
            animation-duration: 1s;
        }

        @-webkit-keyframes fade {
            from {
                opacity: .4
            }
            to {
                opacity: 1
            }
        }

        @keyframes fade {
            from {
                opacity: .4
            }
            to {
                opacity: 1
            }
        }

        .icon.location {
            background: url(../images/index/location.png) no-repeat center;
            position: absolute;
            top: 50%;
            right: 10px;
            width: 30px;
            height: 30px;
            cursor: pointer;
            margin-top: -15px;
        }
    </style>
    <link rel="stylesheet" href="../css/life.css">
</head>
<body>

<div th:replace="common-header :: #sub-header"></div>

<!-- banner -->
<div class="banner">
    <!-- 选择 -->
    <ul class="clear_spot clear_fix" style="width: 100%; min-width: 1200px;position: relative"
        onmouseenter="clearAuto()" onmouseleave="auto()">
        <li class="banner_li fade"><a><img class="banner_img" src="../images/newLife/banner.jpg" height="100%"></a></li>
    </ul>
    <!-- 分页 -->
    <a class="np prev" onmouseenter="setOpacityOne()" onclick="plusSlides(-1)">❮</a>
    <a class="np next" onmouseenter="setOpacityOne()" onclick="plusSlides(1)">❯</a>
</div>
<div class="content area">
    <div class="life_service">
        <div class="life_left fl">
            <img src="../images/newLife/nav_icon.png" alt="">
            <span>生活服务</span>
            <b style="font-size: 12px">（右边扫码 →）</b>
        </div>
        <div class="life_right fr pr">
            <a href="javascript: (0)">微信人工服务</a>
            <div class="tel_tc" style="transform: translateX(-18%);">
                <div style="height: 200px;width: 200px;">
                    <img src="../images/newLife/wx.jpg" width="100%" height="100%" alt="wechat.png">
                </div>
            </div>
        </div>
    </div>

    <div class="life_img_cart">
        <div>
            <div class="img_list">
                <div class="_img">
                    <img src="../images/newLife/img_one.png" alt="">
                </div>
                <div class="_content">
                    <h1>搬家</h1>
                    <span>齐全快速 安全保障</span>
                </div>
            </div>
            <div class="img_list">
                <div class="_img">
                    <img src="../images/newLife/img_two.png" alt="">
                </div>
                <div class="_content">
                    <h1>维修</h1>
                    <span>专业快修 安全守护</span>
                </div>
            </div>
            <div class="img_list">
                <div class="_img">
                    <img src="../images/newLife/img_three.png" alt="">
                </div>
                <div class="_content">
                    <h1>保洁</h1>
                    <span>清洁如新 安全入住</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:replace="common-footer :: #sub-footer"></div>
<div th:replace="common-rightbar :: #sub-rightbar"></div>
<script type="text/javascript" th:src="@{../js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{../js/common.js}"></script>
<script type="text/javascript" th:src="@{../js/zeng/newIndex.js}"></script>
</body>
</html>
